$namespace : 'wzx' !default;
$block-sel: '-' !default;
$element-sel: '__' !default;
$modifier-sel: '--' !default;

@mixin bfc {
    height: 100%;
    overflow: hidden;
}

@mixin b($block) {
    $B: $namespace + $block-sel + $block;
    .#{$B} {
        @content;
    }
}

@mixin e($element) {
    $selector: &;

    @at-root {
        #{$selector + $element-sel + $element} {
            @content;
        }
    }
    
}

@mixin m($modifier) {
    $selector: &;

    @at-root {
        #{$selector + $modifier-sel + $modifier} {
            @content;
        }
    }
}